<template>
<!-- 导航组件 -->
    <div class="nav">
        <el-menu 
        :default-active="$route.path"
        background-color="#5a5858"
        active-text-color="#ffd04b"
        text-color="#fff"
        :unique-opened="true"
        router
        >
          <el-submenu index="/">
            <template slot="title">
                <i class="iconfont icon-wenzhang1"></i>
                <span>文章管理</span>
            </template>

            <el-menu-item index="/article-publish">
                发布文章
            </el-menu-item>

            <el-menu-item index="/article-history">
                历史文章
            </el-menu-item>

          </el-submenu>
        </el-menu>
    </div>
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        created() {
        }
    }
</script>

<style lang="less" scoped>
.nav {
    .el-menu {
        border-right: none;

        .iconfont {
            margin-right: 15px;
        }
    }
}
</style>